.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
ul li{list-style:none; display: block;padding: 0;text-decoration: none}
h1,h2,h3,h4,h5,h6,a,p,span{font-family: "微软雅黑","Microsoft YaHei","Microsoft YaHei UI","Hiragino Sans GB W3","Segoe UI", Arial, Verdana, Sans-Serif, sans-serif;}
a,a:hover,a:focus{text-decoration:none;outline:none;-webkit-transition:all 0.3s;transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
::selection{background:#FF6C60;color:#fff;}
::-moz-selection{background:#FF6C60;color:#fff;}
.body{overflow: hidden;font-size: 0.13rem!important;}
a{
    color: #666;
}
/*banner*/
.container{
width: 100%;
}
.slide{
    width: 100%;
    min-height: 180px;
    position: relative;

}
.slide .img{
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
}
.slide .img img{
    width:100%;
    height: 100%;
}
.slide .img1{
    width: 100%;
    height:100%;
    z-index: 1;
}
.qian{
    border: none;
    background: none;
    position: relative;
    left: 0;
    top: -1rem;
    z-index: 99999;
}
.hou{
    border: none;
    background: none;
    position: relative;
    right: 0;
    top: -1rem;
    z-index: 99999;
    float: right;
}
/*.slide .img2{
    width: 60%;
    height: 60%;
    top: 20%;
    left: -20%;
    z-index: 2;
}
.slide .img3{
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    z-index: 3;
}
.slide .img4{
    width: 60%;
    height: 60%;
    top: 20%;
    left: 60%;
    z-index: 2;
}
.slide .img5{
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}*/
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
}
.slide-bt span{
    width: 24px;
    height: 8px;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #ffd200;
}
button{
    width: 50px;
    margin: 20px;
}



/*Header*/
h1, h2{text-shadow:none; text-align:center;}
h1{	color: #666; text-transform:uppercase;	font-size:36px;}




/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{
    -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    -o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
    transition: all 0.3s cubic-bezier(1,.01,.32,1);
}
/*banner*/

.m-probox {
    padding: 0.15rem 4.688% 0;
    clear: both;
    display: block;
    overflow: hidden;
}
.column-top{
    display: block;
    overflow: hidden;
    color: #333;
    font-weight: bold;
    font-size: 0.20rem;
    text-align: center;
    margin-bottom: 0.1rem;
}
.classfiy{
    width: 100%;
    margin-top: 0.1rem;
}
.classfiy ul{
    width: 100%;
    margin: auto;
}
.classfiy ul a{
    width: 41%;
    overflow: hidden;
    /* height: 0.3rem; */
    float: left;
    color: #555;
    /* padding-left: 0.25rem; */
    font-size: 0.14rem;
    background: #f5f5f5;
    line-height: 0.3rem;
    text-align: center;
    margin-top: 0.04rem;
    margin-right: 2%;
}
.classfiy ul a span{
    border-bottom: 1px solid #999;
}
.classfiy ul a:hover{
    background: #337ae6;
    color: #fff;
}
.chanp{
    width: 100%;
margin: auto;
    font-size: 0.5rem;
}
.chanpt{
    width: 42%;
    float: left;
    display: block;
    padding: 0 0.08rem;
    margin-top: 0.15rem;
}
.chanpt p{
    font-size: 0.12rem;
    text-align: center;
}
.chanpt img{
    width: 100%;
    height: 1rem;
}


.chanp2{
    width: 100%;
    margin: auto;
    font-size: 0.5rem;
}
.chanpt2{
    width: 100%;
    float: left;
    margin-top: 0.15rem;
}
.chanpt2 p{
    font-size: 0.12rem;
    text-align: center;
}
.chanpt2 img{
    width: 100%;
    height: 1.5rem;
}
.more2{
    background: #337ae6;
    border-radius: 100px;
    color: #fff;
    padding: 23px 30px;
    display: block;
    width: 180px;
    margin: auto;
    text-align: center;
    font-size: 0.18rem;
    background-image: linear-gradient(45deg, #5add57, #31de7d);
    font-weight: bold;
    margin-top: 0.3rem;
}
.more2:hover{
    background-image: linear-gradient(45deg, #337ae6, #5add57);
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
/*优势*/
.yslb{
    width: 100%;
    height: auto;
    font-size: 0.13rem;
    color: #000;
}
.yslbtit{
    display: block;
    width: 90%;
    font-size: 0.15rem;
    font-weight: bold;
    text-align: center;

}
.btn_more{
    width: 100%;
    margin: auto;
    margin-top: 0.2rem;
    color: #fff;
    text-align: center;
}
.btn_more a{
    display: block;
    width: 0.2rem;
    background-color: #d2d2d2;
    color: #fff;
    font-size: 0.18rem;
    padding: 0.06rem;
    border-radius: 1rem;
    text-align: center;
    font-weight: 700;
}
.newslist{
    width: 100%;
    margin-top: 0.1rem;
}
.newsli{
    width: 100%;
    border-bottom: 0.05rem solid #f1f1f1;
    font-size: 0.13rem;
    padding-bottom: 0.05rem;
}
.newsli_date{
    text-align: center;
    margin-top: 0.1rem;
    font-size: 0.2rem;
    color: #337ae6;
}
.newsli_date img{
    width: 100%;
    height: 0.5rem;
}
.newsli_date span{
    font-size: 0.14rem;
}
.newsli-txt{
    width: 100%;
    display: block;
}
.newsli-txt p{
    color: #666;
    overflow: hidden;
}
.linkbar{
    width: 100%;
    background-color:#337ae6 ;
    margin-top: 0.1rem;
    padding-bottom: 0.15rem;
}
.linkbar-txt{
    font-size: 0.14rem;
    color: #fff;
}
.linkbar-txt li{
    border-bottom: 0.01rem dashed #fff;
    padding-bottom: 0.1rem;
    margin-top: 0.1rem;
}
body .ontop {
    width: 90.624%;
    height: 29px;
    line-height: 29px;
    background: #ededed;
    border: solid 1px #ddd;
    display: block;
    margin: 0 4.688%;
    text-align: center;
    font-size: 0.13rem;
    margin-top: 20px;
    margin-bottom: 0.6rem;
}
body .social_nav5 {
    height: 0.5rem;
    position: fixed;
    bottom: 0;
    min-width: 320px;
    max-width: 640px;
    width: 100%;
    z-index: 999;
    background: #000;
    overflow: hidden;
    font-size: 0.14rem;
}
.social_nav5 {
    height: 0.3rem;
    position: fixed;
    bottom: 0;
    min-width: 320px;
    max-width: 640px;
    width: 100%;
    z-index: 999;
    background: #337ae6;
    overflow: hidden;
}
body .social_nav5 li {
    width: 25%;
    float: left;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    position: relative;
    line-height: 0.5rem;
    font-size: 0.12rem;
}
.social_nav5 li {
    width: 25%;
    float: left;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    position: relative;
}
.scsl{
    width: 100%;
    margin: auto;
}
.scsl div{
    width: 48%;
    margin-left: 2%;
    float: left;
}
.scsl div img{
    width: 100%;
}
.scsl div p{
    width: 100%;
    font-size: 0.12rem;
    margin-top: -0.15rem;
    color: #666;
}
.showpage {
    width: 900px;
    height: 60px;
    margin: auto;
    border-top: 1px solid #e5e5e5;
    margin-top: 60px;
    text-align: left;
}
.showpage span {
    font-size: 14px;
    color: #333333;
    line-height: 80px;
}
.xyp {
    padding-left: 300px;
}
.showpage span a {
    color: #777777;
}
.pagination{
    margin: auto;
}
.pagination li{
    display: inline-block;
    border: 1px solid #999;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    margin-left: 5px;

}
.pagination li a{
    display: block;
    color: #999;
}
.pagination li:hover{
    display: inline-block;
    border: 1px solid #337ae6;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    margin-left: 5px;
    background-color:#337ae6 ;

}
.pagination li:hover a{
    color: #fff;
}
.tupxq p{
    font-size: 0.14rem;
}
.tupxq p img{
    width: 100%;
    height: auto;
}
.yslb01 {
    margin-bottom: 0.1rem;
    color: #666;
}
.yslb01 p{
    width: 94%;
}
.yslb02 p{
    width: 94%;
}
.yslb03 p{
    width: 94%;
}
.yslb04 p{
    width: 94%;
}
.yslb02 {
    margin-bottom: 0.1rem;
    color: #666;
}
.yslb03 {
    margin-bottom: 0.1rem;
    color: #666;
}
.yslb04 {
    background: #e52925;
    width: 98%;
    margin-left:1%;
    margin-bottom: 0.1rem;
    color: #fff;
    padding-bottom: 0.3rem;
}
.pages{text-align: center;clear: both}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}